I once fell in love with a <span class="b"> fox </span> / <span class="p"> dog </span>
(click: "fox")[(set: $fox to "fox")(replace: "/ dog")[ ]A sly, meek little thing. ](click: "dog")[(set: $fox to "dog")(replace: "fox /")[ ]A loud, curious little thing. ] Double-click this passage to edit it.Double-click this passage to edit it.{
<!-- Create a variable to track the position within the $typewriterText string -->
(set: $typewriterPos to 1)
<!-- Create a hook to hold the typed text -->
|typewriterOutput>[]
<!-- Set a delay of 20ms seconds per loop -->
(live: 20ms)[
<!-- Add the next character to the hook -->
(append: ?typewriterOutput)[(print: $typewriterText's $typewriterPos)]
<!-- Update the position -->
(set: $typewriterPos to it + 1)
<!-- If it's gone past the end, stop -->
(if: $typewriterPos is $typewriterText's length + 1)[
(stop:)
]
]
}<img src="https://i.imgur.com/nMyJo6S.gif" alt="cat1" align="center">
|box>[]
|box>[(set: $typewriterText to "When the cat fell in love, she knew that it would take an entire life out of her.
The fox was graceful, swift, gorgeous. Everything the cat imagined her soulmate would look like. Yet, how far was she really willing to go for love? ")(display: "Typewriter") ]
<div id='c'><span class='b2'>[[ ->2]]</span>Double-click this passage to edit it.Double-click this passage to edit it.<h2>Animated Buttons - "Pressed Effect"</h2>
<button class="button">[[Click Me]]</button>Double-click this passage to edit it.NineLives
A Game by Kate0r :)
[[Play]]
[[Soundtrack]]
$name (set: $typewriterText to "is a good name.
The name of a quick cat who knows how to make the right decisions.
...hopefully")(display: "Typewriter")
[[that's me->audio]]
Beach Cruzin provided by Royalty free music from https://www.zapsplat.com
Bloom by Purrple Cat | https://purrplecat.com
Music promoted by https://www.free-stock-music.com
Creative Commons Attribution-ShareAlike 3.0 Unported
https://creativecommons.org/licenses/by-sa/3.0/deed.en_USbloom: https://lemonsours.yolasite.com/resources/purrple-cat-bloom.mp3
crystal: https://lemonsours.yolasite.com/resources/crystalwave.mp3
beach: https://lemonsours.yolasite.com/resources/beach_cruzin.mp3
railroad: https://files.freemusicarchive.org/storage-freemusicarchive-org/music/ccCommunity/Lobo_Loco/Wittness_for_Fittness/Lobo_Loco_-_13_-_Railroad_ID_1003.mp3
<div id='c'>
Select some royalty-free music to listen to:
<button class="button">[[bloom]]</button> <button class="button2">[[beach]]</button> <button class="button3">[[railroad]]</button>
[[sounds good!->1]]
(group: 'playing', 'stop')
{
(track: 'bloom', 'playwhenpossible')
}
(goto: "audio")
(group: 'playing', 'stop')
{
(track: 'crystal', 'playwhenpossible')
}
(goto: "audio")
(group: 'playing', 'stop')
{
(track: 'beach', 'playwhenpossible')
}
(goto: "audio")
(group: 'playing', 'stop')
{
(track: 'railroad', 'playwhenpossible')
}
(goto: "audio") (set: $name to (prompt: "Ok, first things first, tell me your name:", "Tim"))
(goto: "Play2")